<template>
	<view>
		<view class="card-box u-flex">
			<view class="item num1" @click="$app.jump('/pages/mine/my-deal-detail?type=1')">
				<image src="/static/icon/mine-dingjin-icon-bg.png"></image>
				<text>意向金 ></text>
			</view>
			<view class="item num2" @click="$app.jump('/pages/mine/my-deal-detail?type=2')">
				<image src="/static/icon/mine-dingjin-icon-bg.png"></image>
				<text>定金 ></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{background-color: #f5f5f5;}
	.card-box{border-radius: 0 0 40rpx 40rpx;background-color: #fff;padding: 70rpx 44rpx;
	box-shadow: 0px 2rpx 16rpx rgba(153, 153, 153, 0.15);justify-content: space-around;
		.num2{background-color: #FF3737;}
		.num1{background-color: #1480f9;}
		.item{width: 300rpx;height: 174rpx;border-radius: 20rpx;position: relative;
			image{display: block;width: 100%;height: 100%;}
			text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 40rpx;font-weight: bold;white-space: nowrap;color: #fff;}
		}
	}
</style>
